.ul6{
	float: left; height: 2rem;width: 28rem;margin: 0;
}
.ul7{
	float: left; height: 2rem;width: 25rem;margin: 0; color: red;
}
.ul8{
	float: right; height: 2rem;width: 12rem;margin:0; padding: 0; color: red;font-size: 1.5rem;list-style-type: none;
}
.ul6>li{
	list-style-type: none; float: left;
}
.ul7>li{
	list-style-type: none; float: left; font-size: 1.5rem
}
.ul8>li{

	position: relative;
	width: 1rem;
	height: 1rem;
	background-color: grey;
	border-radius: 50%;
	float: left;
	margin-left: 1.5rem;
	margin-top: 0.5rem;
}
.ul8>li:hover {
	background-color: red;
}


.ul8>li:first-child:hover .div10{
	
	display: block;
}

.ul8>li:last-child:hover .div11{
	display: block;
}
.div10{
	overflow: hidden;
	width: 13rem;
	height: 36rem; 
	position: absolute;
	left: -3rem;
	top: 1rem;
	float: right;
	display: none;
	
}
.div11{
	overflow: hidden;
	width: 13rem;
	height: 36rem; 
	position: absolute;
	left: -5.5rem;
	top: 1rem;
	float: right;
	display: none;
}
.ul10{
	
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 13rem;
	height: 36rem;
	text-align: center;
}
.ul10>li{

	width: 13rem;
	height: 8.75rem;
}
.ul10>li>img{
	width: 100%;
	height: 100%;
}
.ul9{
	width: 100%;
	height: 49%;
	list-style-type: none;
	display: inline-block;
	
}
.ul9>li{
	width: 11%;
	height: 10rem;
	display: inline-block;
	margin: 2rem;
	text-align: center;
}
.ul9>li>img{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.ul10{
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 13rem;
	height: 36rem;
	text-align: center;
}
.ul10>li{
	width: 13rem;
	height: 8.75rem;
}
.ul10>li>img{
	width: 100%;
	height: 100%;
}